<!--@Author: ZL-->
<!--@Date:   2019/05/27-->
<!--@Last Modified by:   ZL-->
<!--@Last Modified time: $ $-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <!--  <title>奥格中介服务网上超市</title>-->
  <title>奥格中介服务网上超市</title>
  <link rel="shortcut icon" href="../../static/market/common/images/favicon.ico"
        th:href="@{/market/common/images/favicon.ico}">
  <link rel="stylesheet" href="/framework-ui/src/main/resources/static/agcloud/framework/js-lib/element-2/element.css"
        th:href="@{/agcloud/framework/js-lib/element-2/element.css}"/>
  <link rel="stylesheet"
        href="/framework-ui/src/main/resources/static/agcloud/framework/icon-lib/agcloud-fonts/iconfont.css"
        th:href="@{/agcloud/framework/icon-lib/agcloud-fonts/iconfont.css}">
  <link rel="stylesheet" href="../../static/market/common/css/reset.css" th:href="@{/market/common/css/reset.css}">
  <link rel="stylesheet" href="../../static/market/index/css/index.css" th:href="@{/market/index/css/index.css}">
  <script>
    var ctx = '[[@{/}]]';
  </script>
</head>

<body>
<div id="index" v-cloak v-loading.fullscreen.lock="loading">
  <div class="header">
    <iframe src="common/header.html" th:src="@{/header.html}" frameborder="0"></iframe>
  </div>
  <div class="banner-wrap">
    <div class="banner">
      <img src="../../static/market/index/images/banner-xj.jpg" th:src="@{/market/index/images/banner-xj.jpg}" alt="">
      <div class="position-path">
        <div class="title">奥格中介服务网上超市</div>
        <div class="sub-title">加快形成统一规范、开放竞争、健康有序的中介服务市场</div>
        <div class="search-box">
          <el-input placeholder="中介机构/项目/事项" v-model="seachKey" class="input-with-select">
            <el-select v-model="selectOption" slot="prepend" style="width: 106px;" class="select">
              <el-option v-for="item in selectOptions" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
            <el-button class="check-btn" slot="append" @click="switchPage">查询</el-button>
          </el-input>
        </div>
      </div>
    </div>
  </div>
  <div class="main-content clearfix">
    <!-- <ul class="nav-list">
    <li v-for="(item,index) in agentServer">
      <a :href="item.goToUrl" class="clearfix">
        <div class="icon-img fl">
          <img :src="item.thImgUrl">
        </div>
        <p class="icon-name fr">{{item.navLabel}}</p>
      </a>
    </li>
  </ul> -->
    <div class="module">
      <h2 class="module-title">服务指南</h2>
      <div class="top-Menu clearfix">
        <div class="fl menu-list" v-for="(item,index) in agentServer" :key="index">
          <a :href="item.goToUrl" class="">
            <img class="fl" :src="item.thImgUrl">
            <span class="fl">{{item.navLabel}}</span>
          </a>
        </div>
      </div>
    </div>

    <!-- <div class="main-wrap clearfix">
      <div class="left-wrap fl bg-fff">
        <h2 class="service-tit" style="margin-left: 25px;">中介服务</h2>
        <ul class="funlist clearfix">
          <div class="m-prev-btn" v-show="navListData.length>9" @click="prevNavListDataShow()"></div>
          <div class="m-next-btn" v-show="navListData.length>9" @click="nextNavListDataShow()"></div>
          <li v-for="(item,index) in navListDataShow" :class="index!=0?'after-border':''"
            @click.stop="itemClick(item)">
            <a href="javascript:;">
              <div class="icon-img">
                <template v-if="localFlag">
                  <img
                    :src="navListImgData[index].imgUrl?navListImgData[index].imgUrl:'/aplanmis-market/market/index/images/cllz_ico.png'">
                </template>
                <template v-else>
                  <img :src="item.imgUrl?ctx+item.imgUrl:'/aplanmis-market/market/index/images/cllz_ico.png'">
                </template>
              </div>
              <p>{{item.serviceName}}</p>
            </a>
          </li>
        </ul>
      </div>
      <div class="right-wrap fr">
        <div class="package-list bg-fff">
          <a class="package01" href="/aplanmis-market/ownerCenter.html#addNeedPaurse"><span>项目发布</span></a>
          <a class="package02" href="/aplanmis-market/main/contractFiling.html"><span>合同备案</span></a>
        </div>
        <div class="notice-box m-count bg-fff">
          <h2 class="service-tit">运行情况</h2>
          <ul class="item-card-list">
            <li @click.stop="jumpUrl('0')" style="cursor:pointer;">
              <div class="fl item-card-list-icon">
                <img src="../../static/market/index/images/icon_rzjg.png"
                  th:src="@{/market/index/images/icon_rzjg.png}" alt="">
              </div>
              <div class="fl item-card-list-msg">
                <p>{{navListCount.agentUnitCount?navListCount.agentUnitCount:0}}</p>
                <p>入驻机构</p>
              </div>
            </li>
            <li @click.stop="jumpUrl('1')" style="cursor:pointer;">
              <div class="fl item-card-list-icon">
                <img src="../../static/market/index/images/icon_fwsx.png"
                  th:src="@{/market/index/images/icon_fwsx.png}" alt="">
              </div>
              <div class="fl item-card-list-msg">
                <p>{{(navListCount.itemServiceCount)?navListCount.itemServiceCount:0}}</p>
                <p>服务事项</p>
              </div>
            </li>
            <li @click.stop="jumpUrl('2')" style="cursor:pointer;">
              <div class="fl item-card-list-icon">
                <img src="../../static/market/index/images/icon_cgxq.png"
                  th:src="@{/market/index/images/icon_cgxq.png}" alt="">
              </div>
              <div class="fl item-card-list-msg">
                <p>{{navListCount.publishedPurchaseCount?navListCount.publishedPurchaseCount:0}}</p>
                <p>采购需求</p>
              </div>
            </li>
            <li @click.stop="">
              <div class="fl item-card-list-icon">
                <img src="../../static/market/index/images/icon_lyjs.png"
                  th:src="@{/market/index/images/icon_lyjs.png}" alt="">
              </div>
              <div class="fl item-card-list-msg">
                <p>{{navListCount.finishedPurchaseCount?navListCount.finishedPurchaseCount:0}}</p>
                <p>履约结束</p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div> -->

    <!-- 中介机构服务分类 -->
    <div class="module">
      <h2 class="module-title clearfix">
        中介机构服务分类
      </h2>
      <ul class="funlist clearfix">
        <div class="m-prev-btn" v-show="navListData.length > 9" @click="prevNavListDataShow()"></div>
        <div class="m-next-btn" v-show="navListData.length > 9" @click="nextNavListDataShow()"></div>
        <li v-for="(item,index) in navListDataShow" @click.stop="itemClick(item)">
          <div class="icon-img">
            <template v-if="localFlag">
              <img
                  :src="navListImgData[index].imgUrl?navListImgData[index].imgUrl:'/aplanmis-market/market/index/images/cllz_ico.png'">
            </template>
            <template v-else>
              <img :src="item.imgUrl?ctx+item.imgUrl:'/aplanmis-market/market/index/images/cllz_ico.png'">
            </template>
          </div>
          <p>{{item.serviceName}}</p>
        </li>
      </ul>
    </div>

    <!-- 采购公告 -->
    <div class="module">
      <h2 class="module-title clearfix">
        采购公告
        <span class="fr more-info" @click="lookMoreProcure">更多></span>
      </h2>
      <div class="purchase-announcement clearfix">
        <div class="list" v-for="(item,index) in procurementList" :key="index">
          <template v-if="!item.nondata">
            <div @click="jumpToProcureDetail(item)">
              <div class="img-box">
                <div class="type">{{item.allData.serviceName}}</div>
                <img v-if="item.imgUrl" :src="item.imgUrl">
                <img v-else src="/aplanmis-market/market/index/images/pre-img-1.png">
                <div class="end-time">报名截止：{{item.deadline | formatDate}}</div>
              </div>
              <div class="main-info">
                <div class="title ellipsisLn">{{item.noticeTitle}}</div>
                <div class="price">
                  <span class="b-font">{{item.allData | procurePriceFormat}}</span>
                  <span class="s-font">元</span>
                </div>
                <div class="company-name">{{item.companyName}}</div>
                <div class="foot-path">
                  <span>{{item.allData.createTime}}</span>
                  <span>{{item.allData.biddingTypeName}}</span>
                </div>
              </div>
            </div>
          </template>
          <template v-else>
            <div class="card-none-data"></div>
          </template>
        </div>
      </div>
    </div>

    <!-- 中选公告 -->
    <div class="module">
      <h2 class="module-title clearfix">
        中选公告
        <span class="fr more-info" @click="lookMoreSelectionNotice">更多></span>
      </h2>
      <div class="purchase-announcement clearfix">
        <div class="list" v-for="(item,index) in selectedList" :key="index">
          <template v-if="!item.nondata">
            <div @click="jumpToSelectionNoticeDetail(item)">
              <div class="img-box">
                <div class="type">{{item.allData.serviceName}}</div>
                <img v-if="item.imgUrl" :src="item.imgUrl">
                <img v-else src="/aplanmis-market/market/index/images/pre-img-1.png">
              </div>
              <div class="main-info">
                <div class="title ellipsisLn">{{item.noticeTitle}}</div>
                <div class="price">
                  <span class="b-font">{{item.allData | procurePriceFormat}}</span>
                  <span class="s-font">元</span>
                </div>
                <div class="company-name">{{item.companyName}}</div>
                <div class="foot-path">
                  <span>{{item.deadline | formatDate}}</span>
                </div>
              </div>
            </div>
          </template>
          <template v-else>
            <div class="card-none-data"></div>
          </template>
        </div>
      </div>
    </div>

    <!-- 合同公示 -->
    <div class="module">
      <h2 class="module-title clearfix">
        合同公示
        <span class="fr more-info" @click="lookMoreContractNotice">更多></span>
      </h2>
      <div class="contract-content clearfix">
        <template v-if="contractList.length">
          <div class="list" v-for="(item,index) in contractList" :key="index"
               @click="jumpToContractNoticeDetail(item)" v-if="index < 4">
            <div class="top-path">
              <div class="code">
                <span>{{item.contractCode}}</span>
              </div>
              <div class="title ellipsisLn">{{item.contractName}}</div>
            </div>
            <div class="time">{{item.signTime | formatDate}}</div>
          </div>
        </template>
        <template v-else>
          <div class="contract-box contract-non-box"></div>
        </template>
      </div>
    </div>

    <!-- 通知公告 -->
    <div class="module">
      <h2 class="module-title clearfix">
        通知公告
      </h2>
      <div class="notification-content">
        <template v-if="noticeList.length">
          <div class="list clearfix" v-for="(item, index) in noticeList" :key="index">
            <a :href="item.url">
              <span class="title">{{item.contentTitle}}</span>
              <span class="new-mark" v-if="index === 0">NEW</span>
            </a>
            <span class="fr time">{{item.publishTime | formatDate}}</span>
          </div>
        </template>
        <template v-else>
          <div class="contract-box contract-non-box"></div>
        </template>
      </div>
    </div>

    <!-- 评价排名 -->
    <div class="module">
      <h2 class="module-title clearfix">
        评价排名
      </h2>
      <div class="evaluate-box clearfix">
        <template v-if="evaluateList.length">
          <div class="m-prev-btn" v-show="evaluateList.length > 4" @click="prevNavListDataShow()"></div>
          <div class="m-next-btn" v-show="evaluateList.length > 4" @click="nextNavListDataShow()"></div>
          <div class="list" v-for="(item,index) in evaluateList" :key="index">
            <div class="ranking" v-if="index < 3">{{index + 1}}</div>
            <div class="img-box">
              <img v-if="item.imgUrl && item.imgUrl!=''" :src="item.imgUrl">
              <img v-else src="../../static/market/index/images/default-company.png"
                   th:src="@{/market/index/images/default-company.png}" alt="">
            </div>
            <div class="title">{{item.applicant}}</div>
            <div class="type">{{item.serviceName}}</div>
            <div class="rate">
              <el-rate v-model="item.evaluation" disabled show-score text-color="#FFB822" score-template="{value}">
              </el-rate>
            </div>
          </div>
        </template>
        <template v-else>
          <div class="no-data"></div>
        </template>
      </div>
    </div>

    <!-- 监督管理 -->
    <div class="foot-module clearfix">
      <div class="fl module foot-module-left">
        <h2 class="module-title clearfix">
          监督管理
          <span class="fr more-info" @click="runMoreSupervision">更多></span>
        </h2>
        <div class="menu-tab">
          <div class="tab-box">
              <span :class="['tab-list', supervisionIndex === index ? 'active' : '']"
                    v-for="(item,index) in supervisionStatus" @click="supervisionTabChange(index)">{{item.name}}</span>
          </div>
        </div>
        <div class="info-list-box">
          <template v-if="exchangeSupervisionArr.length">
            <div class="info-list clearfix" v-for="(item,index) in exchangeSupervisionArr" :key="index">
                <span class="fl title">
                  <!-- <i></i> -->
                  {{item.applicant}}
                </span>
              <span class="fr time">{{item.total || 0}}次不良记录</span>
            </div>
          </template>
          <template v-else>
            <div class="no-data"></div>
          </template>
        </div>
      </div>
      <div class="fr module foot-module-right">
        <h2 class="module-title clearfix">
          运行情况
        </h2>
        <div class="menu-tab">
          <div class="tab-box">
              <span :class="['tab-list', timeIndex === index ? 'active' : '']" v-for="(item,index) in timeStatus"
                    @click="timeTabChange(index)">{{item.name}}</span>
          </div>
        </div>
        <div class="condition-box clearfix">
          <div class="condition-list clearfix" @click="jumpUrl('0')">
            <img class="fl" src="../../static/market/index/images/rzxz.png" th:src="@{/market/index/images/rzxz.png}"
                 alt="">
            <div class="fl info-msg">
              <div class="nums">{{operationObj.unitSum || 0}}</div>
              <div class="name">入驻机构</div>
            </div>
          </div>
          <div class="condition-list clearfix" @click="jumpUrl('1')">
            <img class="fl" src="../../static/market/index/images/htba.png" th:src="@{/market/index/images/htba.png}"
                 alt="">
            <div class="fl info-msg">
              <div class="nums">{{operationObj.unitServiceSum || 0}}</div>
              <!-- <div class="name">服务事项</div>-->
              <div class="name">入驻服务</div>
            </div>
          </div>
          <div class="condition-list clearfix" @click="jumpUrl('2')">
            <img class="fl" src="../../static/market/index/images/htfb.png" th:src="@{/market/index/images/htfb.png}"
                 alt="">
            <div class="fl info-msg">
              <div class="nums">{{operationObj.purchaseSum || 0}}</div>
              <div class="name">采购需求</div>
            </div>
          </div>
          <div class="condition-list clearfix">
            <img class="fl" src="../../static/market/index/images/xmfb.png" th:src="@{/market/index/images/xmfb.png}"
                 alt="">
            <div class="fl info-msg">
              <div class="nums">{{operationObj.finishSum || 0}}</div>
              <div class="name">履约结束</div>
            </div>
          </div>
        </div>
      </div>
    </div>


    <!-- <div class="bg-fff" style="padding: 20px 33px 20px 33px;">
      采购公告
      <div class="notice-wrap">
        <div class="service-tit">采购公告
          <a href="javascript:;" class="more-link" @click.stop="lookMoreProcure">
            <img src="../../static/market/index/images/more.png" th:src="@{/market/index/images/more.png}" alt="">
          </a>
        </div>
        <div class="notice-card">
          <div class="card-box" v-for="item in procurementList">
            <div v-if="!item.nondata">
              <div class="card-img">
                <a href="javascript:;" @click="jumpToProcureDetail(item)">
                  <img src="/aplanmis-market/market/index/images/pre-img-1.png">
                  <div class="cut-down">
                    截止报名&nbsp;{{item.deadline | formatDate}}
                  </div>
                  <h4 class="service-name" :class="[item.allData.serviceName.length>13? 'db-service-name': '']">
                    {{item.allData.serviceName}}</h4>
                </a>
              </div>
              <div class="card-con">
                <a href="javascript:;" class="title ellipsisLn"
                  @click="jumpToProcureDetail(item)">{{item.noticeTitle}}</a>
                <div class="price ellipsis" title="">{{item.allData | procurePriceFormat}}</div>
                <div class="company-name ellipsis">{{item.companyName}}</div>
                <div class="time">
                  {{item.allData.createTime}} &nbsp;&nbsp;&nbsp;{{item.allData.biddingTypeName}}
                </div>
              </div>
            </div>
            <div class="card-img card-none-data" v-else></div>
          </div>
        </div>
      </div>

      中选公告
      <div class="notice-wrap" style="padding-top:5px;">
        <div class="service-tit">中选公告
          <a href="javascript:;" class="more-link" @click="lookMoreSelectionNotice">
            <img src="/aplanmis-market/market/index/images/more.png" th:src="@{/market/index/images/more.png}" alt="">
          </a>
        </div>
        <div class="notice-card">
          <div class="card-box" v-for="item in selectedList">
            <div v-if="!item.nondata">
              <div class="card-img">
                <a href="javascript:;" @click="jumpToSelectionNoticeDetail(item)">
                  <img src="/aplanmis-market/market/index/images/pre-img-1.png">
                  <h4 class="service-name" :class="[item.allData.serviceName.length>13? 'db-service-name': '']">
                    {{item.allData.serviceName}}</h4>
                </a>
              </div>
              <div class="card-con">
                <a href="javascript:;" class="title ellipsisLn"
                  @click="jumpToSelectionNoticeDetail(item)">{{item.noticeTitle}}</a>
                <div class="price ellipsis" title="">{{item.allData | procurePriceFormat}}</div>
                <div class="company-name ellipsis">{{item.companyName}}</div>
                <div class="time">
                  {{item.deadline | formatDate}}
                </div>
              </div>
            </div>
            <div class="card-img card-none-data" v-else></div>
          </div>
        </div>
      </div>

      合同公示
      <div class="notice-wrap" style="padding-top:5px;">
        <div class="service-tit">合同公示
          <a href="javascript:;" class="more-link" @click="lookMoreContractNotice">
            <img src="../../static/market/index/images/more.png" th:src="@{/market/index/images/more.png}" alt="">
          </a>
        </div>
        <div class="contract-box" v-if="contractList.length">
          <ul class="contract-list">
            <li v-for="item in contractList">
              <a href="javascript:;" @click="jumpToContractNoticeDetail(item)">{{item.contractName}}</a>
              <span class="notice-time">{{item.signTime | formatDate}}</span>
            </li>
          </ul>
        </div>
        <div class="contract-box contract-non-box" v-else></div>
      </div>
    </div> -->

    <!--通知公告-->
    <!-- <div class="notice-wrap bg-fff" style="padding:10px 30px;margin-top: 21px;">

      <div class="service-tit">通知公告</div>
      <div class="contract-box">
        <ul class="contract-list" v-if="noticeList.length">
          <li v-for="(item, index) in noticeList">
            <a :href="item.url">{{item.contentTitle}}<span v-if="index==0" class="red-new">NEW</span></a>
            <span class="notice-time">{{item.publishTime | formatDate}}</span>
          </li>
        </ul>
        <div class="contract-box contract-non-box" v-else></div>
      </div>
    </div> -->

    <!--信用排名-->
    <!--<div class="bg-fff" style="padding:10px 30px;margin-top: 21px;">
    <div class="service-tit">信用排名</div>
    <div class="notice-wrap com-rank-wrap">
      <div class="contract-box" style="padding-right:0px;">
        <ul class="choplist">
          <li v-for="item in creditList">
            <a :href="item.url" target="_blank" class="chop">
              <img src="/aplanmis-market/market/index/images/lg1.png"/>
              <img :src="item.imgUrl" alt="">&ndash;&gt;
            </a>
          </li>
        </ul>
      </div>

      &lt;!&ndash;      <div class="select-box">&ndash;&gt;
      &lt;!&ndash;        <el-select&ndash;&gt;
      &lt;!&ndash;          v-for="item in othersLinkList"&ndash;&gt;
      &lt;!&ndash;          :placeholder="item.label"&ndash;&gt;
      &lt;!&ndash;          v-model="item.value"&ndash;&gt;
      &lt;!&ndash;          @change="changeLinkUrl">&ndash;&gt;
      &lt;!&ndash;          <el-option&ndash;&gt;
      &lt;!&ndash;            v-for="items in item.options"&ndash;&gt;
      &lt;!&ndash;            :key="items.value"&ndash;&gt;
      &lt;!&ndash;            :label="items.name"&ndash;&gt;
      &lt;!&ndash;            :value="items.url">&ndash;&gt;
      &lt;!&ndash;          </el-option>&ndash;&gt;
      &lt;!&ndash;        </el-select>&ndash;&gt;
      &lt;!&ndash;      </div>&ndash;&gt;
    </div>
  </div>-->
  </div>
  <div class="footer">
    <iframe src="common/footer.html" th:src="@{/footer.html}" frameborder="0"></iframe>
  </div>
</div>
<script src="/framework-ui/src/main/resources/static/agcloud/framework/js-lib/jquery-v1/jquery.min.js"
        th:src="@{/agcloud/framework/js-lib/jquery-v1/jquery.min.js}"></script>
<script src="/framework-ui/src/main/resources/static/agcloud/framework/js-lib/vue-v2/vue.js"
        th:src="@{/agcloud/framework/js-lib/vue-v2/vue.js}"></script>
<script src="/framework-ui/src/main/resources/static/agcloud/framework/js-lib/element-2/element.js"
        th:src="@{/agcloud/framework/js-lib/element-2/element.js}"></script>
<!--<script src="/framework-ui/src/main/resources/static/agcloud/framework/js-lib/agcloud-lib/js/common.js" th:src="@{/agcloud/framework/js-lib/agcloud-lib/js/common.js}"></script>-->
<script src="../../static/common/js/common.js" th:src="@{/common/js/common.js}"></script>

<script src="../../static/market/index/js/data.js" th:src="@{/market/index/js/data.js}"></script>
<script src="../../static/market/index/js/index.js" th:src="@{/market/index/js/index.js}"></script>
</body>

</html>